{% extends "ioffice/admin/main.html" %}
{% block title %}
    <title>{{data.article.topic}}</title>
    <meta name="description" content="{{data.article.topic}}">
    <meta name="keywords" content="{{data.article.topic}}">
{% endblock %}
{% block extra %}
    <link href="{{static ('css/libs/dataTables/dataTables.bootstrap.css')}}" type="text/css" rel="stylesheet">
    <link href="{{static ('css/libs/iShare/iconfont.css')}}" type="text/css" rel="stylesheet">
    <link href="{{static ('css/libs/iShare/ishare.css')}}" type="text/css" rel="stylesheet">
{% endblock %}
{% block main %}
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <input type="hidden" id="article_id" value="{{data.article.id}}">
                <div class="social-feed-box">    
	                <h1 class="text-center">{{data.article.topic}}</h1>
                    <div class="social-avatar">
                        <a href="#" class="pull-left">
                            <img alt="image" src="{{data.article.avatar_url}}">
                        </a>
                        <div class="media-body">
                            <a href="#">{{data.article.first_name}} </a>
                            <small class="text-muted">{{time_beauty(data.article.create_time)}}</small>
                        </div>
                    </div>
                    <div class="social-body">
	                    <br>
                        <div class="btn-group">
                            <button class="btn btn-white btn-xs"><i class="fa fa-thumbs-up"></i> 赞</button>
                            <button class="btn btn-white btn-xs"><i class="fa fa-comments"></i> 评论</button>
                            <button class="btn btn-white btn-xs"><i class="fa fa-share"></i> 分享</button>
	                        <div class="iShare">
						        <a href="#" class="iShare_qq"><i class="iconfont qq">&#xe60f;</i></a>
						        <a href="#" class="iShare_qzone"><i class="iconfont qzone">&#xe610;</i></a>
						        <a href="#" class="iShare_weibo"><i class="iconfont weibo">&#xe609;</i></a>
						        <a href="#" class="iShare_wechat"><i class="iconfont wechat" style="vertical-align: -2px;">&#xe613;</i></a>
						    </div>
                        </div>
                    </div>
                    <div class="social-footer">
                    </div>

                </div>
            </div>
        </div>
    </div>
</body>
{% endblock %}
{% block entry_js %}
    <script data-main="{{ static('js/auoffice/article/admin/article/detail.js','ignore') }}"
            src="{{ static('js/libs/require.js') }}"></script>
{% endblock %}
